import React from "react";

export const CohereLogo = () => (
  <svg
    version="1.1"
    id="Layer_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 75 75"
    xmlSpace="preserve"
    width="16"
    height="16"
  >
    <title>Cohere logo</title>
    <style>
      {`.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#39594D;}
        .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#D18EE2;}
        .st2{fill:#FF7759;}`}
    </style>
    <g>
      <g>
        <g>
          <path
            className="st0"
            d="M24.3,44.7c2,0,6-0.1,11.6-2.4c6.5-2.7,19.3-7.5,28.6-12.5c6.5-3.5,9.3-8.1,9.3-14.3C73.8,7,66.9,0,58.3,0 h-36C10,0,0,10,0,22.3S9.4,44.7,24.3,44.7z"
          />
          <path
            className="st1"
            d="M30.4,60c0-6,3.6-11.5,9.2-13.8l11.3-4.7C62.4,36.8,75,45.2,75,57.6C75,67.2,67.2,75,57.6,75l-12.3,0 C37.1,75,30.4,68.3,30.4,60z"
          />
          <path
            className="st2"
            d="M12.9,47.6L12.9,47.6C5.8,47.6,0,53.4,0,60.5v1.7C0,69.2,5.8,75,12.9,75h0c7.1,0,12.9-5.8,12.9-12.9v-1.7 C25.7,53.4,20,47.6,12.9,47.6z"
          />
        </g>
      </g>
    </g>
  </svg>
);
